import { defineComponent } from 'vue'
import PcMenu from './pc'
import IpadMenu from './ipad'
import PhoneMenu from './phone'

export default defineComponent({
  props: {
    component: {
      type: String,
      required: true
    }
  },
  components: {
    PcMenu,
    IpadMenu,
    PhoneMenu
  },
  setup(props) {
    return () => (
      <>
        {props.component === 'pc' ? (
          <PcMenu />
        ) : props.component === 'ipad' ? (
          <IpadMenu />
        ) : (
          <PhoneMenu />
        )}
      </>
    )
  }
})
